<template>
  <div class="btns">
    <button @click="add">+</button>
    <button @click="subment">-</button>
    <input type="text" v-model.number="numberCount">
    <button @click="addN">+n</button>
  </div>
</template>
<script>
export default {
  data () {
    return {
      numberCount: 0
    }
  },
  methods: {
    add () {
      this.$emit('add')
    },
    subment () {
      this.$emit('sub')
    },
    addN () {
      this.$emit('addN', this.numberCount)
    }
  }
}
</script>
<style scoped>
</style>
